<template>
  <div class="contain">
    <div class="box">
      <div class="oneword">优</div>
      <div>
        <div class="boldword">品质保障</div>
        <div class="grayword">品质护航 购物无忧</div>
      </div>
    </div>
    <div class="box">
      <div class="oneword">七</div>
      <div>
        <div class="boldword">七天无理由退换货</div>
        <div class="grayword">为您提供售后无忧保障</div>
      </div>
    </div>
    <div class="box">
      <div class="oneword">特</div>
      <div>
        <div class="boldword">特色服务体验</div>
        <div class="grayword">为您呈现不一样的服务</div>
      </div>
    </div>
  </div>
</template>
<style scoped lang="less">
.contain {
  display: flex;
  justify-content: space-around;
  border-top:1px solid #d5d5d5;
  margin: 100px;
 /// position: absolute;
  //bottom: 0%;
  .box {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    .oneword {
      border: 4px solid red;
      border-radius: 1000px;
      width: 50px;
      height: 50px;
      color: red;
      font-size: 35px;
      text-align: center;
      margin: 10px;
    }
    .boldword {
      font-weight: 800;
      font-size: 20px;
    }
    .grayword {
      color: #d5d5d5;
      font-weight: 600;
    }
  }
}
</style>